<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>首页</title>
        <link rel="stylesheet" href="css/reset.css">
        <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
        <link rel="stylesheet" href="css/index.css">
        <!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_r6zcng9jb8.css"> -->
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_2367458_0c0z3dmzrfz8.css">
    </head>
    <body>
        <header>
                <div class="wrapper">
                    <div class="haier-logo">
                        <a href="index.html"><img src="assets/images/haier2020_logo.png" alt=""></a>
                    </div>
                    <ul class="clear">
                        <li>
                            智能家庭
                            <ul class="hidbox">
                                <li>
                                    <a href="index.html">智慧首页</a>
                                </li>
                                <li>
                                    <a href="">智慧方案</a>
                                </li>
                                <li>
                                    <a href="">智慧家电</a>
                                </li>
                                <li>
                                    <a href="">生活资讯</a>
                                </li>
                                <li>
                                    <a href="">智慧体验店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            个人与家用产品
                            <ul class="hidbox">
                                <li>
                                    <a href="goodslist.html">冰箱 冷柜</a>
                                </li>
                                <li>
                                    <a href="">智慧方案</a>
                                </li>
                                <li>
                                    <a href="">智慧家电</a>
                                </li>
                                <li>
                                    <a href="">生活资讯</a>
                                </li>
                                <li>
                                    <a href="">智慧体验店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            商用解决方案
                            <ul class="hidbox">
                                <li>
                                    <a href="">智慧首页</a>
                                </li>
                                <li>
                                    <a href="">智慧方案</a>
                                </li>
                                <li>
                                    <a href="">智慧家电</a>
                                </li>
                                <li>
                                    <a href="">生活资讯</a>
                                </li>
                                <li>
                                    <a href="">智慧体验店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            购买与服务
                            <ul class="hidbox">
                                <li>
                                    <a href="aftersale.html">服务支持</a>
                                </li>
                                <li>
                                    <a href="">智慧方案</a>
                                </li>
                                <li>
                                    <a href="">智慧家电</a>
                                </li>
                                <li>
                                    <a href="">生活资讯</a>
                                </li>
                                <li>
                                    <a href="">智慧体验店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            关于海尔
                            <ul class="hidbox">
                                <li>
                                    <a href="">智慧首页</a>
                                </li>
                                <li>
                                    <a href="">智慧方案</a>
                                </li>
                                <li>
                                    <a href="">智慧家电</a>
                                </li>
                                <li>
                                    <a href="">生活资讯</a>
                                </li>
                                <li>
                                    <a href="">智慧体验店</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="search-box">
                            <div class="search-item">
                                <i class="iconfont icon-fangdajing"></i>
                                <input type="text" placeholder="找点什么... ">
                            </div>
                            <a href="#"><i class="iconfont icon-gouwuche"></i></a>
                            <a href="sign.html"><i class="iconfont icon-yonghu-user"></i></a>
                    </div> 
                </div>
        </header>

        <section class="pc-outbox">
            <div class="banner">
                <img src="assets/images/pc_banner002.jpg" alt="">
            </div>
    
            <div class="six-fnc">
                <h3>
                    和家人一起，体验智慧的家
                </h3>
                <p class="title-text">
                    支持快速绑定和在线管理智慧家电，实时查看家电状态及能耗，还可以一键邀请家人共同管理
                </p>
                <ul class="clear">
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                    <li>
                        <img src="assets/images/pc_witImg1.jpg" alt="">
                        <p>家电管理</p>
                    </li>
                </ul>
            </div>

            <div class="pc-banner">
                <img src="assets/images/pc_middle.jpg" alt="">
                <h3>
                    轻松一点，智慧场景轻松切换
                </h3>
                <p class="title-text">
                    您可以根据生活习惯，自定义专属的智慧场景，轻轻一点就可实现多个智能家电之间的无缝连接协作
                </p>
            </div>

            <div class="pc-threesc">
                <div class="threesc-imgs">
                    <div class="first-img">
                        <img src="assets/images/pc_threeImg1.jpg" alt="">
                        <span>
                            <img src="assets/images/pc_three_small1.png" alt="">
                            马赛克
                        </span>
                        <div class="first-text">
                            <em>语音一句话“我醒了”</em>
                            <p>
                                为您打开窗帘
                            </p>
                            <p>
                                为您打开热水器
                            </p>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="first-img">
                        <img src="assets/images/pc_threeImg1.jpg" alt="">
                        <span>
                            <img src="assets/images/pc_three_small1.png" alt="">
                            马赛克
                        </span>
                        <div class="first-text">
                            <em>语音一句话“我醒了”</em>
                            <p>
                                为您打开窗帘
                            </p>
                            <p>
                                为您打开热水器
                            </p>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="first-img">
                        <img src="assets/images/pc_threeImg1.jpg" alt="">
                        <span>
                            <img src="assets/images/pc_three_small1.png" alt="">
                            马赛克
                        </span>
                        <div class="first-text">
                            <em>语音一句话“我醒了”</em>
                            <p>
                                为您打开窗帘
                            </p>
                            <p>
                                为您打开热水器
                            </p>
                        </div>
                        <div class="mask"></div>
                    </div>
                </div>
            </div>

            <div class="six-fnc">
                <h3>
                    想控制家电？一句话的事儿
                </h3>
                <p class="title-text">
                    语音唤醒“小优”助手，轻松控制智能家电和智慧生活场景，更方便，更智能
                </p>
            </div>

            <div class="pc_voice">
                <img src="assets/images/pc_voice.jpg" alt="">
                <ul>
                    <li>"打开空调"</li>
                    <li>"热水器调温到50度"</li>
                    <li>"空调现在多少度"</li>
                    <li>"空调不制冷怎么办"</li>
                    <li>"冬季使用热水器注意事项"</li>
                    <li>"我回来了"</li>
                </ul>
            </div>

            <div class="six-fnc">
                <h3>
                    轻松设计，定制专属智家
                </h3>
                <p class="title-text">
                    5大空间、7大解决方案、N多场景的全屋解决方案，更有专业案例和作品分享，帮助您轻松定制自己专属的智家
                </p>
            </div>

            <div class="pc_phone">
                <img src="assets/images/pc_phone.jpg" alt="">
            </div>

            <div class="pc_member">
                <img src="assets/images/pc_member.jpg" alt="">
            </div>

            <div class="pc_banner">
                <img src="assets/images/pc_bottomTitle.jpg" alt="">
            </div>

            <p class="pc_botmnav">
					下载智家APP，开启智慧生活
            </p>

            <div class="pc_banner">
                <img src="assets/images/pc_bottomCode1.jpg" alt="">
            </div>

            <div class="pc_btm">
                <img src="assets/images/mc_iPhoneDown.png" alt="">
                <img src="assets/images/mc_androidDown.png" alt="">
            </div>
        </section>

        <footer>
            <div class="ft-wrapper">
                <div class="ft-list">
                    <ul>
                        <li>智慧家庭</li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                        <li><a href="">智慧首页</a></li>
                    </ul>
                    <ul>
                        <li>个人与家用产品</li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                        <li><a href="">冰箱</a></li>
                    </ul>
                    <ul>
                        <li>商用解决方案</li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                        <li><a href="">中央空调</a></li>
                    </ul>
                    <ul>
                        <li>购买与服务</li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                        <li><a href="">产品导购</a></li>
                    </ul>
                    <ul>
                        <li>关于海尔</li>
                        <li><a href="">海尔品牌</a></li>
                        <li><a href="">海尔品牌</a></li>
                        <li><a href="">海尔品牌</a></li>
                    </ul>
                    <ul>
                        <li>友情链接</li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                        <li><a href="">智慧生活体验馆</a></li>
                    </ul>
                </div>

                <div class="ft-bottom">
                    <div class="b-left">
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                        <span>|</span>
                        <a href="">
                            关于海尔
                        </a>
                    </div>
                    <div class="b-middle">
                        <a href="">
                            鲁ICP备09096283号-1
                        </a>
                        <span>
                            |
                        </span>
                        <span>
                            © 2000-2021 Haier.com. All rights reserved.
                        </span>
                    </div>
                    <div class="b-right">
                        <span>
                            Haier 全球网站群 · 中国
                        </span>
                        <span>
                            关注海尔
                        </span>
                        <i class="iconfont icon-weixin"></i>
                    </div>
                </div>
            </div>
        </footer>
        
        <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> -->
    </body>
</html>